<html>
<meta charset="UTF-8">

<head>
    <title>鲁班兄弟商城首页</title>
    <!--公共css样式-->
    <link rel="stylesheet" type="text/css" href="css/public.css" />
    <!--重置样式-->
    <link rel="stylesheet" type="text/css" href="css/reset.css" />
    <!-- 首页 -->
    <link rel="stylesheet" href="css/index.css">
    <!-- 字体图标 -->
    <link rel="stylesheet" href="//at.alicdn.com/t/font_851025_wv9qhixdqf8.css">
    <link rel="shortcut icon" href="image/public/favicon.ico" type="image/x-icon">
</head>

<body>
    <div id="wrapper">
        <a name="top"></a>
        <!--首页头部 start-->
        <header id="header_index">
            <!--顶部 s-->
            <div class="top clearfix">
                <p class="fl inblock">
                    <a href="html/login_signUp.html">注册</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                    <a href="html/login_settl.html">登录</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                    <a href="html/login_vip.html">VIP登录</a>
                </p>
                <p class="fr inblock icon">
                    <a href="html/shop_class.html">商家注入</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="html/order_info.html">我的订单</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
                    <a class="icon_1" href="html/shop_cart.html"><img src="image/public/cart.png" /><span>(0)</span></a>
                </p>
            </div>
            <!--顶部 e-->
            <!--导航-->
            <nav class="nav clearfix">
                <!--logo-->
                <div class="clearfix">
                    <div class="logo fl">
                        <a href="index.html"><img src="image/public/logo.png" title="" /></a>
                    </div>
                    <!--搜索框-->
                    <div class="searchBar fl">
                        <input type="text" placeholder="search" />
                        <input type="image" src="image/public/search.png" />
                    </div>
                </div>
                <p class="search_histry">
                    <a href="">地板</a>&nbsp;|
                    <a href="">地板</a>&nbsp;|
                    <a href="">地板</a>&nbsp;|
                    <a href="">地板</a>&nbsp;|
                    <a href="">地板</a>&nbsp;|
                    <a href="">地板</a>
                </p>
                <!--导航 s-->
                <ul class="fl clearfix">
                    <li class="fl navigation_hover">
                        <a href="">木工</a>
                        <div class="navigation clearfix">
                            <dl class="fl">
                                <dt>板材</dt>
                                <dd>装饰面板</dd>
                                <dd>宝丽版</dd>
                                <dd>三聚氰胺版</dd>
                                <dd>铝朔版</dd>
                                <dd>多层版</dd>
                                <dd>中纤版</dd>
                                <dd>细木工板</dd>
                                <dd>刨花版</dd>
                            </dl>
                            <dl class="fl">
                                <dd class=" margin">欧松板</dd>
                                <dd>防火板</dd>
                                <dd>密度板</dd>
                                <dd>其他板材</dd>
                            </dl>
                            <dl class="fl">
                                <dt>地板</dt>
                                <dd>实木地板</dd>
                                <dd>实木复合地板</dd>
                                <dd>强化复合地板</dd>
                                <dd>竹地板</dd>
                                <dd>软木地板</dd>
                                <dd>塑料地板</dd>
                                <dd>PVC地板</dd>
                                <dd>其他地板</dd>
                            </dl>
                            <dl class="fl">
                                <dt>木线</dt>
                                <dd>普通龙骨</dd>
                                <dd>精品龙骨</dd>
                                <dd>顶线</dd>
                                <dd>门线</dd>
                                <dd>角线</dd>
                                <dd>木方线</dd>
                                <dd>收口线</dd>
                                <dd>花木线</dd>
                            </dl>
                            <dl class="fl">
                                <dd class=" margin">踢脚线</dd>
                                <dd>定制木线</dd>
                                <dd>其它木线</dd>
                            </dl>
                            <dl class="fl">
                                <dt>地板配件</dt>
                                <dd>地板钉</dd>
                                <dd>扣条</dd>
                                <dd>地垫</dd>
                                <dd>地板蜡</dd>
                                <dd>地板清洁剂</dd>
                                <dd>底板防水油</dd>
                                <dd>地板修补剂</dd>
                                <dd>甲醇清除剂</dd>
                            </dl>
                            <dl class="fl">
                                <dd class=" margin">地板安装工具</dd>
                                <dd>其他地板配件 </dd>
                            </dl>
                            <dl class="fl">
                                <dt>吊顶钢龙骨</dt>
                                <dd>吊筋</dd>
                                <dd>吊钢</dd>
                                <dd>轻钢龙骨</dd>
                                <dd>扣板龙骨</dd>
                                <dd>铝合金龙骨</dd>
                                <dd>其它吊件</dd>
                            </dl>
                            <dl class="fl">
                                <dt>木工类五金</dt>
                                <dd>拉手</dd>
                                <dd>锁</dd>
                                <dd>合页</dd>
                                <dd>铰链</dd>
                                <dd>插销</dd>
                                <dd>门夹</dd>
                                <dd>碰珠</dd>
                                <dd>脚轮</dd>
                            </dl>
                            <dl class="fl">
                                <dd class="margin">闭门器</dd>
                                <dd>地弹簧</dd>
                                <dd>吊轮</dd>
                                <dd>导轨</dd>
                                <dd>螺栓</dd>
                                <dd>钉</dd>
                                <dd>角码</dd>
                                <dd>螺母</dd>
                            </dl>
                            <dl class="fl">
                                <dd class="margin">围网</dd>
                                <dd>其他木工五金</dd>
                            </dl>
                        </div>
                    </li>
                    <li class="fl">
                        <a href="">水泥工</a>
                    </li>
                    <li class="fl">
                        <a href="">油漆工</a>
                    </li>
                    <li class="fl">
                        <a href="">水电工</a>
                    </li>
                    <li class="fl">
                        <a href="">门窗/其他</a>
                    </li>
                    <li class="fl">
                        <a href="">装修工具</a>
                    </li>
                    <li class="fl">
                        <a href="">消防材料</a>
                    </li>
                    <li class="fl">
                        <a href="">建筑防护</a>
                    </li>
                    <li class="fl">
                        <a href="">精细化学品</a>
                    </li>
                    <li class="fl">
                        <a href="">定制/非标准值</a>
                    </li>
                    </dl>
            </nav>
            <!--导航  e-->
        </header>
        <!--首页头部 end-->

        <!-- 最右侧导航栏个人信息 s -->

        <section id="personal_info">
            <div class="info">
                <div class="username">
                    <a href="html/login_settl.html">
                        <i class="iconfont icon-zhanghao"></i>
                        <p>账号</p>
                    </a>
                    <span>您需要
                        <a href="html/login_settl.html">登录</a>
                    </span>
                </div>
                <div class="brand">
                    <a href="">
                        <i class="iconfont icon-aixin"></i>
                        <p>品牌</p>
                    </a>
                    <span>查看您的品牌
                            <a href="html/shop_class.html">品牌</a>
                        </span>
                </div>
                <div class="collection">
                    <a href="">
                        <i class="iconfont icon-star"></i>
                        <p>收藏</p>
                    </a>
                    <span>查看您的
                            <a href="html/search.html">收藏</a>
                        </span>
                </div>
                <div class="browse">
                    <a href="html/address.html">
                        <i class="iconfont icon-icon12"></i>
                        <p>浏览</p>
                    </a>
                    <span>您的
                            <a href="html/address.html">浏览记录</a>
                        </span>
                </div>
                <div class="cart">
                    <a href="html/shop_cart.html">
                        <i class="iconfont icon-gwckong textOverflow4"></i>
                        <p>购</p>
                        <p>物</p>
                        <p>车</p>
                        <p style="color:#de0202;">( 0 )</p>
                    </a>
                    <span>前往您的
                            <a href="html/shop_cart.html">购物车</a>
                        </span>
                </div>
                <div class="feedback">
                    <a href="">
                        <i class="iconfont icon-fankui"></i>
                        <p>反馈</p>
                    </a>
                    <span>您的
                            <a href="">反馈意见</a>
                        </span>
                </div>
                <div class="top">
                    <a href="#top" title="回到顶部">
                        <i class="iconfont icon-jiantoushang"></i>
                        <p>TOP</p>
                    </a>
                </div>
            </div>
        </section>

        <!-- 最右侧导航栏个人信息 e-->

        <!-- 轮播图 s-->

        <section id="banner">
            <div>
                <img src="image/index/banner.png" alt="">
            </div>
        </section>

        <!-- 轮播图 e-->

        <!-- 中间详情商品信息 s -->
        <div id="middle_detail">
            <!-- 品牌特卖 s -->
            <section id="title" class="clearfix">
                <div class="title_1 fl">
                    <a href="javascript:;">
                        <img src="image/index/title.png" alt="">
                    </a>
                    <div class="buy">
                        <p>主标题</p>
                        <p>副标题</p>
                        <p><a href="html/commodity_info.html">立即选购></a></p>
                    </div>
                </div>
                <div class="person fl" style="overflow:hidden;">
                    <a href="javascript:;">
                        <img src="image/index/person.png" alt="">
                    </a>
                    <div class="buy">
                        <p>主标题</p>
                        <p>副标题</p>
                        <p><a href="html/commodity_info.html">立即选购></a></p>
                    </div>
                </div>
                <div class="brand fl">
                    <a href="javascript:;">
                        <img src="image/index/brand.png" alt="">
                    </a>
                    <div class="buy">
                        <p>主标题</p>
                        <p>副标题</p>
                        <p><a href="html/commodity_info.html">立即选购></a></p>
                    </div>
                </div>
            </section>
            <!-- 高仪 s -->
            <section id="probe" class="clearfix">
                <ul class="clearfix">
                    <li>
                        <div class="brand-logo-pic">
                            <a href=""></a>
                        </div>
                        <span>高仪</span>
                    </li>
                    <li>
                        <div class="brand-logo-pic">
                            <a href=""></a>
                        </div>
                        <span>高仪</span>
                    </li>
                    <li>
                        <div class="brand-logo-pic">
                            <a href=""></a>
                        </div>
                        <span>高仪</span>
                    </li>
                    <li>
                        <div class="brand-logo-pic">
                            <a href=""></a>
                        </div>
                        <span>高仪</span>
                    </li>
                    <li>
                        <div class="brand-logo-pic">
                            <a href=""></a>
                        </div>
                        <span>高仪</span>
                    </li>
                    <li>
                        <div class="brand-logo-pic">
                            <a href=""></a>
                        </div>
                        <span>高仪</span>
                    </li>
                    <li>
                        <div class="brand-logo-pic">
                            <a href=""></a>
                        </div>
                        <span>高仪</span>
                    </li>
                    <li>
                        <div class="brand-logo-pic">
                            <a href=""></a>
                        </div>
                        <span>高仪</span>
                    </li>
                    <li>
                        <div class="brand-logo-pic">
                            <a href=""></a>
                        </div>
                        <span>高仪</span>
                    </li>
                    <li>
                        <div class="brand-logo-pic1">
                            <a href=""></a>
                        </div>
                        <span>换一批</span>
                    </li>
                </ul>
            </section>
            <!-- 高仪 e-->

            <!-- 创意家居 s -->
            <section id="household">
                <table>
                    <tr valign="top">
                        <td rowspan="2" class="padding_no">
                            <div class="index-contant-first">
                                <div class="len">
                                    <a href="html/commodity_info.html"><img src="image/index/house_1.png" /></a>
                                </div>
                                <h4>主标题主标题</h4>
                                <p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题 </p>
                            </div>
                        </td>
                        <td>
                            <div class="index-contant-second">
                                <div class="normal">
                                    <a href="html/commodity_info.html"><img src="image/index/house_2.png" /></a>
                                </div>
                                <h4>主标题主标题</h4>
                                <p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题 </p>
                            </div>
                        </td>
                        <td colspan="2">
                            <div class="index-contant-third">
                                <div class="wid">
                                    <a href="html/commodity_info.html"><img src="image/index/house_3.png" /></a>
                                </div>
                                <h4>主标题主标题</h4>
                                <p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题 </p>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="index-contant-second">
                                <div class="normal">
                                    <a href="html/commodity_info.html"><img src="image/index/house_4.png" /></a>
                                </div>
                                <h4>主标题主标题</h4>
                                <p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题 </p>
                            </div>
                        </td>
                        <td rowspan="2">
                            <div class="index-contant-first">
                                <div class="len">
                                    <a href="html/commodity_info.html"><img src="image/index/house_5.png" /></a>
                                </div>
                                <h4>主标题主标题</h4>
                                <p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题 </p>
                            </div>
                        </td>
                        <td>
                            <div class="index-contant-second">
                                <div class="normal">
                                    <a href="html/commodity_info.html"><img src="image/index/house_6.png" /></a>
                                </div>
                                <h4>主标题主标题</h4>
                                <p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题 </p>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" class="padding_no" style="padding-top:18px">
                            <div class="index-contant-third">
                                <div class="wid">
                                    <a href="html/commodity_info.html"><img src="image/index/house_7.png" /></a>
                                </div>
                                <h4>主标题主标题</h4>
                                <p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题 </p>
                            </div>
                        </td>
                        <td style="padding-top:18px">
                            <div class="index-contant-second">
                                <div class="normal">
                                    <a href="html/commodity_info.html"><img src="image/index/house_8.png" /></a>
                                </div>
                                <h4>主标题主标题</h4>
                                <p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题 </p>
                            </div>
                        </td>
                    </tr>
                </table>
            </section>
            <!-- 创意家居 e-->
            <!-- 广告 S -->
            <section id="ad">
                <div>
                    <a href=""><img src="image/index/ad.png" alt=""></a>
                </div>
            </section>
            <!-- 广告 E-->

            <!-- 商品楼层一 -->
            <section id="shop_first" class=" clearfix">
                <div class="shop_first_top clearfix">
                    <div class="clearfix fl" style="font-size:0;">
                        <span>商品楼层一</span>
                        <span>Commodity floor one</span>
                    </div>
                    <div class="clearfix">
                        <ul class="fr">
                            <li class="fl"><a href="">地砖</a></li>
                            <li class="fl"><a href="">地板配件</a></li>
                            <li class="fl"><a href="">木线</a></li>
                            <li class="fl"><a href="">地板</a></li>
                            <li class="fl"><a href="">地板配件</a></li>
                            <li class="fl"><a href="">地砖</a></li>
                            <li class="fl"><a href="">地砖</a></li>
                            <li class="fl"><a href="">地砖</a></li>
                            <li class="fl"><a href="">地砖</a></li>
                            <li class="fl"><a href="">地砖</a></li>
                            <li class="fl"><a href="">地砖</a></li>
                            <li class="fl"><a href="">地砖</a></li>
                            <li class="fl"><a href="">地板</a></li>
                        </ul>
                    </div>
                </div>
                <aside class="shop_first_detail fl">
                    <div>
                        <a href="html/commodity_info.html">
                            <img src="image/index/shop_left.png" alt="">
                        </a>
                        <span>促销广告文案如满199减100></span>
                    </div>
                    <div class="box_first">
                        <h2>品质家装会场</h2>
                        <h3>买就送豪礼</h3>
                        <i class="logo_bg">
                            <img src="image/index/logo_br.png" alt="">
                        </i>
                    </div>
                </aside>
                <article class="clearfix shop_first_detail_r">
                    <div class="fl">
                        <h2>主标题主标题</h2>
                        <h3>副标题副标题</h3>
                        <div class="center_img">
                            <img src="image/index/shop_1.png" alt="">
                        </div>
                    </div>
                    <div class="fl">
                        <h2>主标题主标题</h2>
                        <h3>副标题副标题</h3>
                        <div class="center_img">
                            <img src="image/index/shop_2.png" alt="">
                        </div>
                    </div>
                    <div class="fl">
                        <h2>主标题主标题</h2>
                        <h3>副标题副标题</h3>
                        <div class="center_img">
                            <img src="image/index/shop_3.png" alt="">
                        </div>
                    </div>
                    <div class="fl">
                        <h2>主标题主标题</h2>
                        <h3>副标题副标题</h3>
                        <div class="center_img">
                            <img src="image/index/shop_4.png" alt="">
                        </div>
                    </div>
                    <div class="fl">
                        <h2>主标题主标题</h2>
                        <h3>副标题副标题</h3>
                        <div class="center_img">
                            <img src="image/index/shop_5.png" alt="">
                        </div>
                    </div>
                    <div class="fl">
                        <h2>主标题主标题</h2>
                        <h3>副标题副标题</h3>
                        <div class="center_img">
                            <img src="image/index/shop_6.png" alt="">
                        </div>
                    </div>
                    <div class="fl">
                        <h2>主标题主标题</h2>
                        <h3>副标题副标题</h3>
                        <div class="center_img">
                            <img src="image/index/shop_7.png" alt="">
                        </div>
                    </div>
                    <div class="fl">
                        <h2>主标题主标题</h2>
                        <h3>副标题副标题</h3>
                        <div class="center_img">
                            <img src="image/index/shop_8.png" alt="">
                        </div>
                    </div>
                </article>
            </section>
            <!-- 商品楼层一 -->

            <!-- 商品楼层二 -->
            <section id="shop_tow" class=" clearfix">
                <div class="shop_first_top shop_tow clearfix">
                    <div class="clearfix fl" style="font-size:0;">
                        <span class="shop_t">商品楼层二</span>
                        <span>Commodity floor two</span>
                    </div>
                    <div class="clearfix">
                        <ul class="fr">
                            <li class="fl"><a href="">地砖</a></li>
                            <li class="fl"><a href="">地板配件</a></li>
                            <li class="fl"><a href="">木线</a></li>
                            <li class="fl"><a href="">地板</a></li>
                            <li class="fl"><a href="">地板配件</a></li>
                            <li class="fl"><a href="">地砖</a></li>
                            <li class="fl"><a href="">地砖</a></li>
                            <li class="fl"><a href="">地砖</a></li>
                            <li class="fl"><a href="">地砖</a></li>
                            <li class="fl"><a href="">地砖</a></li>
                            <li class="fl"><a href="">地砖</a></li>
                            <li class="fl"><a href="">地砖</a></li>
                            <li class="fl"><a href="">地板</a></li>
                        </ul>
                    </div>
                </div>
                <aside class="shop_first_detail fl">
                    <div>
                        <a href="html/commodity_info.html">
                            <img src="image/index/shop_9.png" alt="">
                        </a>
                        <span>促销广告文案如满199减100></span>
                    </div>
                    <div class="box_first">
                        <h2>品质家装会场</h2>
                        <h3>买就送豪礼</h3>
                        <i class="logo_bg">
                            <img src="image/index/logo_br.png" alt="">
                        </i>
                    </div>
                </aside>
                <article class="clearfix shop_first_detail_r">
                    <div class="fl">
                        <h2>主标题主标题</h2>
                        <h3>副标题副标题</h3>
                        <div class="center_img">
                            <img src="image/index/shop_10.png" alt="">
                        </div>
                    </div>
                    <div class="fl">
                        <h2>主标题主标题</h2>
                        <h3>副标题副标题</h3>
                        <div class="center_img">
                            <img src="image/index/shop_11.png" alt="">
                        </div>
                    </div>
                    <div class="fl">
                        <h2>主标题主标题</h2>
                        <h3>副标题副标题</h3>
                        <div class="center_img">
                            <img src="image/index/shop_12.png" alt="">
                        </div>
                    </div>
                    <div class="fl">
                        <h2>主标题主标题</h2>
                        <h3>副标题副标题</h3>
                        <div class="center_img">
                            <img src="image/index/shop_13.png" alt="">
                        </div>
                    </div>
                    <div class="fl">
                        <h2>主标题主标题</h2>
                        <h3>副标题副标题</h3>
                        <div class="center_img">
                            <img src="image/index/shop_14.png" alt="">
                        </div>
                    </div>
                    <div class="fl">
                        <h2>主标题主标题</h2>
                        <h3>副标题副标题</h3>
                        <div class="center_img">
                            <img src="image/index/shop_15.png" alt="">
                        </div>
                    </div>
                    <div class="fl">
                        <h2>主标题主标题</h2>
                        <h3>副标题副标题</h3>
                        <div class="center_img">
                            <img src="image/index/shop_16.png" alt="">
                        </div>
                    </div>
                    <div class="fl">
                        <h2>主标题主标题</h2>
                        <h3>副标题副标题</h3>
                        <div class="center_img">
                            <img src="image/index/shop_17.png" alt="">
                        </div>
                    </div>
                </article>
            </section>
            <!-- 商品楼层二 -->

        </div>
        <!-- 品牌特卖 e-->

        <!--底部 s-->

        <footer class="footer">
            <div class="preferential clearfix">
                <ul>
                    <li>
                        <div>
                            <img src="image/public/you.png" />
                        </div>
                        <div>
                            <p>品质保障</p>
                            <p>品质保证 购物无忧</p>

                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="image/public/spacial.png" />
                        </div>
                        <div class="box_first">
                            <p>特色服务</p>
                            <p>针对户型 私人定制</p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="image/public/save.png" />
                        </div>
                        <div>
                            <p>全网最低</p>
                            <p>厂家直销 低价承诺</p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="image/public/help.png" />
                        </div>
                        <div>
                            <p>帮助中心</p>
                            <p>您的购物指南</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="info clearfix">
                <dl>
                    <dt>新手指南</dt>
                    <dd>新手指南</dd>
                    <dd>购物流程</dd>
                </dl>
                <dl>
                    <dt>支付方式</dt>
                    <dd>支付宝</dd>
                    <dd>微信支付</dd>
                </dl>
                <dl>
                    <dt>物流配送</dt>
                    <dd>配送方式</dd>
                    <dd>服务流程</dd>
                </dl>
                <dl>
                    <dt>客服中心</dt>
                    <dd>在线客服</dd>
                    <dd>常见问题</dd>
                </dl>
                <div class="code fl">
                    <h2>扫一扫，关注鲁班兄弟</h2>
                    <span>
						<img src="image/public/qr_code.png"/>
					</span>
                </div>
            </div>
            <p class="fot_bt">
                <span>Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035</span>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="">关于我们</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="">联系我们</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="">法律声明</a>
            </p>
        </footer>
    </div>

    <!--底部 e-->
</body>

</html>